<template>
        <scroll-view class="wallent" @end="onReachBottom" :isFinished="footerVisbale">
            <div v-for="(item, index) in list" :key="index">
                <div class="cardItem" :data-status="item.status" @click="goPay">
                    <div class="top">
                        <div>
                            <img class="cell-icon" v-if="item.status==3" src="../../images/waitPay.png">
                            <img class="cell-icon" v-else src="../../images/finish.png">
                            <span style="font-weight:bold;">{{item.starttime}}</span>
                        </div>
                        <div style="color:gray;">{{item.statusStr}}</div>
                    </div>
                    <div class="bottom">
                        <div class="left">
                            <span>车辆编号：{{item.customno}}</span>
                            <span>骑行时间：{{item.rideTime}}</span>
                        </div>
                        <div class="right">
                            <span>{{item.distance}}Km</span>
                            <span>{{item.moneyDisplay}}元</span>
                        </div>
                    </div>
                </div>
            </div>
            <span class="tip" v-if="footerVisbale">小遛已滑到底部啦,主人</span>
        </scroll-view>
</template>
<script>
    import trip from "./trip.js";

    export default {
        mixins: [trip],
        data() {
            return {

            }
        }
    }
</script>
<style scoped lang="stylus">
    @import "./trip.styl"
</style>
